<template>
  <div>
    <section class="headerBoxsb">
      <van-row>
        <van-col offset="1" span="23" class="textBoxSbmit">
            <van-col @click="backTo">
              <van-icon name="arrow-left" size="40" />
            </van-col>
            <van-col class="textPadding"> 提交订单成功 </van-col>
        </van-col>
        <van-col span="24" class="selectIcon">
            <van-icon name="checked" size="60" />
        </van-col>
        <van-col span="24">
          <van-col offset="5" span="16"> 订单已提交，等待卖家确认 </van-col>
        </van-col>
      </van-row>
    </section>

    <van-row class="marginTopMax">
      <van-col offset="1" span="22">
        <van-button type="primary" size="large" @click="nextGoShopping">继续购物 </van-button>
      </van-col>
      <van-col offset="1" span="22" class="marginTopSmall">
        <van-button type="default" size="large" class="btnBoderColor" @click="orderIfoNext">
          查看订单信息
        </van-button>
      </van-col>
    </van-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    backTo() {
      this.$router.back();
    },
    nextGoShopping(){
        this.$router.push('/home')
    },
    orderIfoNext(){
        
      console.log("11");
         this.$router.push('/orderIfo')
    }

  },
};
</script>

<style scoped>
.headerBoxsb {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  padding: 20px 0;
  height: 180px;
  background-color: #4bd863;
 
}
.selectIcon {
  width: 100%;
  text-align: center;
  margin: 30px auto 10px auto;
  
}
.textBoxSbmit {
  height: 50px;
  line-height: 40px;
}
.marginTopMax {
  margin-top: 80px;
}
.marginTopSmall {
  margin-top: 20px;
}
.btnBoderColor {
  border: 1px solid #4bd863;
  color: #4bd863;
}
</style>